<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=<!--{$CHARSET}-->" />
	<title><!--{$title}--> -<!--{$config_core.seo_title}--></title>
	<meta name="keywords" content="<!--{$config_core.head_keywords}-->" />
	<meta name="description" content="<!--{$config_core.head_description}-->" />
	<meta http-equiv="x-ua-compatible" content="ie=7" />
	<meta name="generator" content="CityBao System" />
	<meta name="author" content="www.citybao.net" />
	<link href="<!--{$INSTALL_PATH}-->favicon.ico" rel="shortcut icon" />
	<link href="<!--{$INSTALL_PATH}-->favicon.ico" rel="bookmark" />
	<link href="<!--{$CSS_DIR}-->citybao.css" rel="stylesheet" type="text/css" />
	<link href="<!--{$CSS_DIR}-->member.css" rel="stylesheet" type="text/css" />
	<link href="<!--{$CSS_DIR}-->jquery.datepick.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" language="javascript">
		var CB_CssPath = '<!--{$CSS_DIR}-->';
		var CB_ImgPath = '<!--{$IMG_DIR}-->';
		var CB_JsPath  = '<!--{$JS_DIR}-->';
		<!--{if $SAFE_DOMAIN != ''}-->
		document.domain = '<!--{$SAFE_DOMAIN}-->';
		<!--{/if}-->
	</script>
	<script type="text/javascript" src="<!--{$JS_DIR}-->jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="<!--{$JS_DIR}-->common.js"></script>
	<script type="text/javascript" src="<!--{$JS_DIR}-->member-menu.js"></script>
	<script type="text/javascript" src="<!--{$JS_DIR}-->Dialog.js"></script>
	<script type="text/javascript" src="<!--{$JS_DIR}-->jquery.datepick.min.js"></script>
	<script type="text/javascript" src="<!--{$JS_DIR}-->area.js"></script>
	<script type="text/javascript" src="<!--{$JS_DIR}-->jquery.areaSelector.js"></script>
</head>
<body>
<!--{include file='header.tpl'}-->
<!--{assign var='guide_suffix' value='修改基本资料'}-->
<!--{include file='guide.tpl'}-->
<div id="container" class="clearfix">
	<!--{include file='member/member-menu.tpl'}-->
	<div class="member-main" id="member-main">
		<div class="fillet filletColor7">
			<b class="fillet1"></b><b class="fillet2"></b><b class="fillet3"></b><b class="fillet4"></b>
			<div class="filletContent">
				<div class="fRed tCenter" id="error"><!--{$error}--></div>
				<form action="" method="post" name="changeprofile" id="changeprofile">
					<input type="hidden" name="forward" value="<!--{$forward}-->" id='forward' />
					<input type="hidden" name="validate" value="<!--{$validate}-->" />
					<p class="reg_title">基本信息</p>
					<dl class="formList">
						<dd>
							<div class="colum_left">
								真实姓名：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="input">
										<cite><input id="realname" name="realname" type="text" maxlength="17" alt="用户名:errArea{realnametip}" value="<!--{$profile->realname}-->" /></cite>
									</span>
								</div>
								<span id="realnametip" class="tip"></span>
							</div>
						</dd>
						<dd>
							<div class="colum_left">
								性别：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="radio">
										<input type="radio" name="gender" value="0"  />男 &nbsp;
										<input type="radio" name="gender" value="1"  />女
									</span>
								</div>
							</div>
							<script type="text/javascript">
								$(function(){
									$("input[name='gender'][value='<!--{$profile->gender}-->']").attr("checked",true);
								});
							</script>
						</dd>
						<dd>
							<div class="colum_left">
								出生日期：
							</div>
							<div class="colum_right paddingTop5">
								<select id="birthyear" name="birthyear">
								<!--{section name=customer loop=2011 step=2 start=1901}-->
									<option value="<!--{$smarty.section.customer.index}-->"><!--{$smarty.section.customer.index}--></option>							<option value="<!--{$smarty.section.customer.index+1}-->"><!--{$smarty.section.customer.index+1}--></option>
								<!--{/section}-->
		
								</select>年
								<select id="birthmonth" name="birthmonth">
									<option value="1">1</option><option value="2">2</option>
									<option value="3">3</option><option value="4">4</option>
									<option value="5">5</option><option value="6">6</option>
									<option value="7">7</option><option value="8">8</option>
									<option value="9">9</option><option value="10">10</option>
									<option value="11">11</option><option value="12">12</option>
								</select>月
								<select id="birthday" name="birthday">
									<option value="1">1</option><option value="2">2</option>
									<option value="3">3</option><option value="4">4</option>
									<option value="5">5</option><option value="6">6</option>
									<option value="7">7</option><option value="8">8</option>
									<option value="9">9</option><option value="10">10</option>
									<option value="11">11</option><option value="12">12</option>
									<option value="13">13</option><option value="14">14</option>
									<option value="15">15</option><option value="16">16</option>
									<option value="17">17</option><option value="18">18</option>
									<option value="19">19</option><option value="20">20</option>
									<option value="21">21</option><option value="22">22</option>
									<option value="23">23</option><option value="24">24</option>
									<option value="25">25</option><option value="26">26</option>
									<option value="27">27</option><option value="28">28</option>
									<option value="29">29</option><option value="30">30</option>
									<option value="31">31</option>
								</select>日
								<input type="hidden" size="10" id="birthpicker" name="birthpicker" />
								<input type="hidden" size="10" id="constellation" name="constellation" />
								<input type="hidden" size="10" id="zodiac" name="zodiac" />
								<div style="display: none;">
									<img id="calImg" src="<!--{$IMG_DIR}-->calendar.gif" alt="Popup" class="trigger">
								</div>
							</div>
							<script type="text/javascript" language="javascript">
								function updateSelected(dates) {
									$('#birthmonth').val(dates.length ? dates[0].getMonth() + 1 : '');
									$('#birthday').val(dates.length ? dates[0].getDate() : '');
									$('#birthyear').val(dates.length ? dates[0].getFullYear() : '');
									setConstellation(dates);
								}
								
								function setConstellation(date){
									var con = getConstellation(date[0].getMonth()+1 ,date[0].getDate());
									var zo = getZodiac(date[0].getFullYear());
									$("#con_zo").html(con+'座 &nbsp;&nbsp;&nbsp;&nbsp;属相：' +zo);
									$("#constellation").val(con);
									$("#zodiac").val(zo);
								}
				 
								$('#birthpicker').datepick({
									minDate: '01/01/1901', maxDate: '12/31/2010',
									yearRange: '1901:2010',
									defaultDate: '<!--{$profile->birthmonth}-->/<!--{$profile->birthday}-->/<!--{$profile->birthyear}-->', selectDefaultDate: true,
									alignment: 'bottomRight', onSelect: updateSelected,
									showTrigger: '#calImg'});
								 
								$('#birthmonth,#birthday,#birthyear').change(function() {
									$('#birthpicker').datepick('setDate', new Date(
										$('#birthyear').val(), $('#birthmonth').val() - 1,
										$('#birthday').val()));
								});
							</script>
						</dd>
						
						<dd>
							<div class="colum_left">
								星座：
							</div>
							<div class="colum_right paddingTop5" id='con_zo'>
								<span class="gray">您的星座和属相将根据你的生日自动计算</span>
							</div>
						</dd>
						<dd>
							<div class="colum_left">
								所在地：
							</div>
							<div class="colum_right paddingTop5">
								<div id="residePlace">
								
								</div>
							</div>
							<script type="text/javascript">
								$(function(){
									 $("#residePlace").areaSelector('resideprovince','<!--{$profile->resideprovince}-->','residecity','<!--{$profile->residecity}-->','residedist','<!--{$profile->residedist}-->');
								});
							</script>
						</dd>
						<dd>
							<div class="colum_left">
								教育水平：
							</div>
							<div class="colum_right paddingTop5">
								<div class="inputbox">
									<select name="education" id="education">
										<!--{section name=educate loop=$education_options}-->
											<option value="<!--{$education_options[educate]}-->"><!--{$education_options[educate]}--></option>
										<!--{/section}-->
									</select>
								</div>
							</div>
							<script type="text/javascript">
								$(function(){
									 $("#education").val('<!--{$profile->education}-->');
								});
							</script>
						</dd>
						<dd>
							<div class="colum_left">
								婚姻状况：
							</div>
							<div class="colum_right paddingTop5">
								<!--{section name=marital loop=$marital_options}-->
									<label ><input type="radio" name="marital" value="<!--{$marital_options[marital]}-->"><!--{$marital_options[marital]}--></label>
								<!--{/section}-->
							</div>
							<script type="text/javascript">
								$(function(){
									$("input[name='marital'][value='<!--{$profile->marital}-->']").attr("checked",true);
								});
							</script>
						</dd>
						<dd>
							<div class="colum_left">
								血型：
							</div>
							<div class="colum_right paddingTop5">
								<!--{section name=blood loop=$blood_options}-->
									<label ><input type="radio" name="bloodtype" value="<!--{$blood_options[blood]}-->"><!--{$blood_options[blood]}--></label>
								<!--{/section}-->
		
							</div>
							<script type="text/javascript">
								$(function(){
									$("input[name='bloodtype'][value='<!--{$profile->bloodtype}-->']").attr("checked",true);
								});
							</script>
						</dd>
						<dd>
							<div class="colum_left">
								职业：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="input">
										<cite><input id="occupation" name="occupation" type="text" value="<!--{$profile->occupation}-->" /></cite>
									</span>
								</div>
							</div>
						</dd>
						<dd>
							<div class="colum_left">
								单位/公司名称：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="input">
										<cite><input id="company" name="company" type="text" value="<!--{$profile->company}-->" /></cite>
									</span>
								</div>
							</div>
						</dd>
						<dd>
							<div class="colum_left">
								月收入水平：
							</div>
							<div class="colum_right paddingTop5">
								<div class="inputbox">
									<select name="revenue" id="revenue">
										<!--{section name=educate loop=$income_options}-->
											<option value="<!--{$income_options[educate]}-->"><!--{$income_options[educate]}--></option>
										<!--{/section}-->
									</select>
								</div>
							</div>
							<script type="text/javascript">
								$(function(){
									 $("#revenue").val('<!--{$profile->revenue}-->');
								});
							</script>
						</dd>
					</dl>
					<p class="reg_title">联络信息</p>
					<dl class="formList">
						<dd>
							<div class="colum_left">
								通讯地址：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="input">
										<cite><input id="address" name="address" type="text" value="<!--{$profile->address}-->" /></cite>
									</span>
								</div>
								<div class="inputtip fGray">请填写您的通讯地址，您的资料不会透露给任何人</div>
							</div>
						</dd>
						<dd>
							<div class="colum_left">
								邮政编码：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="input">
										<cite><input id="zipcode" name="zipcode" type="text" maxlength="8" value="<!--{$profile->zipcode}-->" /></cite>
									</span>
								</div>
							</div>
						</dd>
						<dd>
							<div class="colum_left">
								联系电话：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="input">
										<cite><input id="telephone" name="telephone" type="text" maxlength="20" value="<!--{$profile->telephone}-->" /></cite>
									</span>
								</div>
								<div class="inputtip fGray">请填写您的联系电话，以方便我们随时和您联系</div>
							</div>
						</dd>
						<dd>
							<div class="colum_left">
								QQ：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="input">
										<cite><input id="qq" name="qq" type="text" maxlength="12" value="<!--{$profile->qq}-->" /></cite>
									</span>
								</div>
								<div class="inputtip fGray">请填写您的QQ号码，该号码将作为您找回密码的凭据</div>
							</div>
						</dd>
						<dd>
							<div class="colum_left">
								MSN：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="input">
										<cite><input id="msn" name="msn" type="text" value="<!--{$profile->msn}-->" /></cite>
									</span>
								</div>
							</div>
						</dd>
					</dl>
					<p class="reg_title">安全信息设置</p>
					<dl class="formList">
						<dd>
							<div class="colum_left">
								证件类型：
							</div>
							<div class="colum_right paddingTop5">
							<!--{if $profile->idcardtype == ''}-->
								<div class="inputbox">
									<select name="idcardtype" id="idcardtype">
										<!--{section name=idcardtype loop=$idcardtype_options}-->
											<option value="<!--{$idcardtype_options[idcardtype]}-->"><!--{$idcardtype_options[idcardtype]}--></option>
										<!--{/section}-->
									</select>
								</div>
							<!--{else}-->
								<!--{$profile->idcardtype}-->
							<!--{/if}-->
							</div>
						</dd>
						<dd>
							<div class="colum_left">
								证件号码：
							</div>
							<div class="colum_right">
							<!--{if $profile->idcardtype == ''}-->
								<div class="inputbox">
									<span class="input">
										<cite><input id="idcard" name="idcard" type="text" value="<!--{$profile->idcard}-->" /></cite>
									</span>
								</div>
							<!--{else}-->
								***********
							<!--{/if}-->
								<div class="inputtip fGray">为了提高安全性，证件信息设置成功后不能修改。</div>
							</div>
						</dd>
						
						<dd>
							<div class="colum_left">
								密码提示问题：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<select name="question_selector" id="question_selector">
										<!--{section name=question loop=$question_options}-->
											<option value="<!--{$question_options[question]}-->"><!--{$question_options[question]}--></option>
										<!--{/section}-->
									</select>
								</div>
								<div class="inputtip fGray">用于密码遗忘或丢失后找回帐户</div>
							</div>
							<script type="text/javascript">
								$(function(){
									$("#question_selector").change(function(){
										if($(this).val() == '其他'){
											$("#question_span").show();
											$("#question").val("请输入您的问题");
										}else{
											$("#question_span").hide();
											$("#question").val($(this).val());
										}
									});
									var flag = false;
									$("#question_selector option").each(function(){
										if($(this).val() == '<!--{$profile->question}-->'){
											flag = true;
										}
									});
									if(flag){
										$("#question_selector").val('<!--{$profile->question}-->');
									}else{
										$("#question_selector").val('其他');
										$("#question_span").show();
									}
								});
							</script>
						</dd>
						<dd class="hide" id="question_span">
							<div class="colum_left">
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="input">
										<cite><input id="question" name="question" type="text" value="<!--{$profile->question}-->" /></cite>
									</span>
								</div>
								<div class="inputtip fGray">请设置您自己的密码提示问题</div>
							</div>
						</dd>
						<dd>
							<div class="colum_left">
								密码提示答案：
							</div>
							<div class="colum_right">
								<div class="inputbox">
									<span class="input">
										<cite><input id="answer" name="answer" type="text" value="<!--{$profile->answer}-->" /></cite>
									</span>
								</div>
							</div>
						</dd>
					</dl>
					<dl class="formList">
						<dd>
							<div class="colum_left"></div>
							<div class="colum_right">
								<input type="submit" class="btn_submit" value="提交" />
							</div>
						</dd>
					</dl>
				</form>
			</div>
			<b class="fillet5"></b><b class="fillet6"></b><b class="fillet7"></b><b class="fillet8"></b>
		</div>
	</div>
</div>
 
<script type="text/javascript">
	$(function() {
		//输入框样式
		$(':text')
			.focus(function(){
				node = $(this).parents('span.input')
				node.removeClass('inputRed');
				node.addClass('inputGreen');
				showError($(this),'clear');
			}).blur(function(){
				node = $(this).parents('span.input')
				node.removeClass('inputGreen');
			});
	});
</script>
<!--{include file='footer.tpl'}-->
</body>
</html>